<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="content-type" content="text/html">
    <meta charset="UTF-8">
    <meta content="always" name="referrer">
    <meta name="theme-color" content="#2932e1">
    <!-- <system.web> 
            <globalization requestEncoding="utf-8" responseEncoding="utf-8" culture="zh-CN" uiCulture="zh-CN"/>
            
            </system.web>  -->
    <style id="indexstyle">
        .index-bg {
            margin: 0px;
            width: 100%;
            margin-left: 0px;
            margin-top: 0px;
            height: 100%;
            position: absolute;
            z-index: -1;
            /* 铺满整个屏幕 */
        }

        .index-input {
            display: flex;
            z-index: 100;
        }
    </style>
    <title> Touch Station </title>

</head>

<body>
    <div>
        <div>
            <img class="index-bg" src="./sources/indexbg.jpg">
        </div>
        <div>
            <input type="text" class="index-input" id="cc" value="中国"> <input type="button" value="传值" onclick="to()">
        </div>

        <div>
    <div>
        <button onclick="tolearnflex()">jump to learning flex</button>    
    </div>

</body>

</html>



<script type="text/javascript">
    function to() {
        //var a=JSON.stringify("{'name':'alex'}");
        //localStorage.setItem(user,a);
        var getval = document.getElementById("cc").value;
        //alert(getval);
        var str = new String("main/home.html?cc=" + getval);
        window.location.href = str;
        // document.href("main/home.html?cc="+getval);
    }
    function tolearnflex() {
        alert("learning action");
        window.location.href = "learning/flex.html";
    }

</script>